@import './variables.scss';
@import './sidebar.scss';

body {height: 100%;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;}
label {font-weight: 700;}
html {height: 100%;box-sizing: border-box;}
#app{height: 100%;}
.no-padding {padding: 0px !important;}
.padding-content {padding: 4px 0;}
a:focus, a:active {outline: none;}
a, a:focus, a:hover {cursor: pointer;color: inherit;text-decoration: none;}
div:focus{outline: none; }
.fr {float: right;}
.fl {float: left;}
.pr-5 {padding-right: 5px;}
.pl-5 {padding-left: 5px;}
.block {display: block;}
.pointer {cursor: pointer;}
.clearfix { &:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} }

//main-container全局样式
.app-container {padding: 20px;}
.pagination-container {margin-top: 30px;}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.filter-container {padding-bottom: 10px; .filter-item {display: inline-block;vertical-align: middle;margin-bottom: 10px;} }

.margin-10{margin: 10px;}
.margin-20{margin: 20px;}
.margin-left-10{margin-left: 10px;}
.margin-left-50{margin-left: 50px;}
.margin-left-20{margin-left: 20px;}
.margin-right-10{margin-right: 10px;}
.margin-right-20{margin-right: 20px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-50{margin-top: 50px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.red{color: #f50}
